<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="TingGe Blog Agile agile JavaScript NodeJS">
  <meta name="author" content="TingGe<505253293@163.com>">
  <title>听歌实验室</title>
  <link type="image/x-icon" rel="shortcut icon" href="https://avatars3.githubusercontent.com/u/4074517?v=3&s=40" />
  <link rel="stylesheet" type="text/css" href="/lib/bootstrap/dist/css/bootstrap.min.css" media="screen">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <link href="/css/landing-page.css" rel="stylesheet">
  <link href="/css/screenshots.css" rel="stylesheet">
  <style media="screen">
    #main {
      padding-top: 55px;
    }
  </style>
  <script type="text/javascript" src="/lib/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="/lib/html2canvas/dist/html2canvas.min.js"></script>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand topnav" href="/">
          <i class="fa fa-flask icon-3x" aria-hidden="true"></i> 听歌实验室
        </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="/html/js.html">JavaScript/NodeJS</a>
          </li>
          <li>
            <a href="/index.html#agile">敏捷/项目管理(Agile/PMP)</a>
          </li>
          <li>
            <a href="/html/cloud-bi.html">云商业智能(Cloud BI)</a>
          </li>
          <li>
            <a href="/html/iot.html">物联网(WoT/IoT)</a>
          </li>
          <li>
            <a href="/html/me.html">关于我</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav>
  <div id="main" class="container">
    <div class="row">
      <div id="article" class="col-md-9 content-container">
        <h1 id="-">从互联网到物联网</h1>
<p>[TOC]</p>
<h2 id="2016-">2016年物联网版图</h2>
<p><img src="../img/Internet-of-Things-2016_sm.png" alt="Internet-of-Things-2016"></p>
<p><em><a href="http://mattturck.com/wp-content/uploads/2016/03/Internet-of-Things-2016.png">全尺寸版图</a>和<a href="http://dfkoz.com/iot-landscape/">完整的公司列表</a>见链接。</em></p>
<h2 id="-">演变</h2>
<p><img src="../img/wot.png" alt=""></p>
<h3 id="web-1-0-">Web 1.0 时代</h3>
<ul>
<li>WWW 由三部分组成：URL、HTTP、HTML。</li>
<li>好处：免费、无状态、自带格式</li>
<li>HTTP 1.1 超文本传输协议</li>
</ul>
<h3 id="web-2-0-">Web 2.0 时代</h3>
<p>广泛运用于 API 设计的 REST</p>
<h3 id="-">移动互联网时代</h3>
<p>本地处理，云端 Sync 的面向资源的原生技术架构。通常采用类 ActiveSync 架构，利用 Http 取增量数据</p>
<h3 id="html-5-">HTML 5时代</h3>
<ul>
<li>从标记语言到 Web Application</li>
<li>本地处理，云端 Sync 的面向资源的 HTML 5 技术架构</li>
</ul>
<h3 id="-iot-">物联网（IoT）时代</h3>
<p><strong>定义：</strong></p>
<p>国际组织定义中的“物联网”、“传感网”，特指小型低功耗设备组成的网络。</p>
<p><strong>特征：</strong></p>
<ul>
<li>比移动互联网更加艰巨的是网络可靠性更差、设备性能更低</li>
<li>省电和休眠是常态</li>
<li>IETF 物联网的 CoAP（受限网络协议）借鉴于 REST</li>
</ul>
<h3 id="-wot-">物联网（WoT）时代</h3>
<p>IoT 意味着所有设备能够相互连结，进而形成物联网。而设备沟通能够通过各种方式如Bluetooth, ZigBee 和 WIFI等等。IoT的最后阶段WoT则是将这些沟通方式最后都通过统一 Web 标准的方式来达成。这也是以往所有新技术最终能得到蓬勃发展的重要因素之一:统一的标准和规范。——摘自《<a href="http://iotforum.advantech.com/discussion/104/iot%E7%AC%AC%E5%9B%9B%E9%9A%8E%E6%AE%B5-web-of-things-wot">IoT第四階段 : Web of Things (WoT)</a>》 </p>
<h2 id="-">互联网与物联网区别</h2>
<table>
<thead>
<tr>
<th></th>
<th>简介</th>
<th>意义</th>
<th>关键技术</th>
</tr>
</thead>
<tbody>
<tr>
<td>互联网</td>
<td>解决信息共享、交互。连接了人和信息内容，提供标准化服务。</td>
<td>把卖产品变为卖内容和服务</td>
<td>大数据、云计算、商业智能</td>
</tr>
<tr>
<td>物联网</td>
<td>通过通信技术（射频识别 RFID），把传感器（红外感应、全球定位、激光扫描）、控制器、机器、人员和物联在一起。</td>
<td></td>
<td>传感器技术、RFID标签、嵌入式系统技术</td>
</tr>
</tbody>
</table>
<p><img src="../img/ietf-coap.png" alt="对比IETF物联网 CoAP 和 传统互联网 REST"></p>
<h2 id="-">物联网技术</h2>
<h3 id="-">硬件层</h3>
<p>嵌入式处理技术。</p>
<p>传感器：温感、湿度感应器、燃气感应器、污染感应器、电流传感器、电压感应器、临近检测、超声波感应器、光感、磁传感器、指纹感测器、被动式红外传感器、医疗监测设备、无线射频识别等</p>
<p>执行器：显示、声音、开关</p>
<h3 id="-">应用程序层</h3>
<p>终端技术：终端、浏览器/客户端、移动设备</p>
<h3 id="-">服务层</h3>
<ul>
<li>网络技术：应用程序、MQTT、HTTP、CoAP</li>
<li>无线技术：NB-IoT(基于蜂窝的窄带物联网)、Bluetooth 5.0</li>
</ul>
<h3 id="-">协调层（可选）</h3>
<p>协调设备</p>
<h2 id="-">参考</h2>
<ul>
<li>野狗的 “面向资源架构设计”</li>
<li><a href="https://github.com/phodal/lan">phodal/lan</a>：一个开源的物联网平台</li>
<li><a href="../html/html5.html">html5 时代</a></li>
<li><a href="http://www.ituring.com.cn/tupubarticle/3795">RESTful 的 CoAP 协议</a></li>
<li><a href="https://github.com/TingGe/tingge.github.io/tree/master/lab/coap-app">coap-app</a>：CoAP 小实例</li>
<li><a href="https://github.com/mcollina/coap-cli">CoAP-cli</a>：一个基于NodeJS的CoAP命令行工具，其核心是基于Node-CoAP库</li>
<li><a href="https://www.phodal.com/blog/coap-command-line-tools-set/">CoAP CLI 命令行工具</a></li>
<li><a href="https://github.com/mcollina/node-coap">node-coap</a>：Nodejs的扩展Node-CoAP</li>
<li><a href="http://tinyos.stanford.edu/tinyos-wiki/index.php/CoAP">TinyOS CoAP</a></li>
<li><a href="../html/iot.html">WoT 与 IoT</a></li>
<li><a href="../html/wot.html">Web of Things (WoT)</a></li>
<li><a href="https://recherche.orange.com/en/the-internet-of-things-beyond-the-hype/">The Internet of Things : beyond the hype</a></li>
</ul>

      </div>
      <div class="col-md-3" style="padding-top:20px;">
        <iframe src="http://githubbadge.appspot.com/tingge?a=0" style="border: 0;height: 142px;width: 200px;overflow: hidden;" frameBorder="0"></iframe>
      </div>
    </div>
  </div>
  <a id="html2canvas" title="截图下载-快照">&nbsp;</a>
  <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="/js/article.js" charset="utf-8"></script>
  <!-- justice.js https://github.com/okor/justice  -->
  <script src="/lib/justice.min.js" charset="utf-8"></script>
  <!-- instantclick -->
  <script src="/lib/instantclick.js" charset="utf-8"></script>
  <script type="text/javascript" data-no-instant>
    Justice.init();
  </script>
</body>

</html>
